<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/includeFront::head"></head>
<!-- <link rel="stylesheet"
      href="https://cdn.bootcss.com/github-markdown-css/2.10.0/github-markdown.min.css">
<link rel="stylesheet"
      href="https://cdn.bootcss.com/highlight.js/9.12.0/styles/github.min.css"> -->

<body>
	<div th:replace="page/front/common/header::header">
		
	</div>

	<div th:replace="page/front/common/catalog::catalogNav">
	
	</div>
	
	<div class="layui-container">
			<div class="layui-row layui-col-space15">
				<!-- 主题部分  -->
				<div class="layui-col-md8">
					<div th:replace="page/front/common/detail::detail"></div>
					
				</div>
				<div class="layui-col-md4">
					<div th:replace="page/front/common/tag::blogTag"></div>
					<div th:replace="page/front/common/hot::hotBlogs"></div>
					<div th:replace="page/front/common/top::topBlogs"></div>
					<div th:replace="page/front/common/ad::ad"></div>
					<div th:replace="page/front/common/link::links"></div>
				</div>
				
			</div>
	</div>
	<div th:replace="page/front/common/footer::footer"></div>
	
<div th:include="common/includeFront::js"></div>
	
<!-- banner end -->
<script>
/* layui.use(['carousel','laypage'], function(){
  var carousel = layui.carousel,
  laypage = layui.laypage;
  //建造实例
  carousel.render({
    elem: '#banner'
    ,width: '100%' //设置容器宽度
    ,arrow: 'always' //始终显示箭头
    //,anim: 'updown' //切换动画方式
  });
}); */
</script>	


<script src="https://cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
hljs.initHighlightingOnLoad();
	  $('pre code').each(function(i, block) {
	    hljs.highlightBlock(block);
	  });
	});

</script>
</body>
</html>